﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="View_TEST_Default" %>

<%@ Register src="../../Control/btnPrevious.ascx" tagname="btn" tagprefix="uc1" %>
<%@ Register src="../../Control/complexListBox.ascx" tagname="complexListBox" tagprefix="uc1" %>
<%@ Register src="../../Control/ddlGVPageSizeSelect.ascx" tagname="ddlGVPageSizeSelect" tagprefix="uc1" %>
<%@ Register src="../../Control/optGOVAccount.ascx" tagname="optGOVAccount" tagprefix="uc2" %> 
<%@ Register src="../../Control/ucSeason.ascx" tagname="ucSeason" tagprefix="uc1" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Dynamic Template Test</title>
    <link href="../../CSS/sexybuttons.css" type="text/css" rel="Stylesheet" />
    <link href="../../CSS/MISAPP.css" type="text/css" rel="stylesheet"/>
    <link href="../../CSS/ui-lightness/jquery-ui-1.8.custom.css" type="text/css" rel="stylesheet"/>
    <script src="../../Script/jquery-1.4.2.min.js" type="text/javascript"> </script>
    <script src="../../Script/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(function() {
            $("#tabs").tabs();
            $("#radio").buttonset();
            $("input:radio").bind("click", radioClicks);
            $('.li_a').bind("click", hello);

        });
        
        function hello() {            
            var selected = $('#tabs').tabs('option', 'selected');
            $("#hdnTabPos").val(selected);
            //alert($("#hdnTabPos").val());                        
        }

        function radioClicks() {
            //alert($(this).val());
            var rdo = $(this).val();
            if (rdo == "rdoDateSeason1")
            {
                $("#month").show();
                $("#season").hide();
             }
            else {
                $("#month").hide();
                $("#season").show();
            }
        }

	</script>


	
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="btn1" runat="server" OnClick="Button1_OnClick" Text="Get Tab Pos" />
        <asp:HiddenField ID="hdnTabPos" runat="server" />
        <button id="Button1" 
              OnServerClick="Button1_OnClick" 
              style="font: 8pt verdana;
                    background-color:lightgreen;
                    border-color:black;
                    height=30;
                    width:100" 
              runat="server">
              Click me!
       </button>
        <button class="sexybutton sexyorange" onclick="alert(this.value);"
              OnServerClick="Button1_OnClick" runat="server"
            ><span><span><span class="ok">確定</span></span></span></button> 

        <div id="wrap">
            <div class="demo">
                <div id="tabs">
	                <ul>
		                <li ><a class="li_a" href="#tabs-1">季月條件</a></li>
		                <li ><a class="li_a" href="#tabs-3">其它</a></li>
		                
	                </ul>
	                <div id="tabs-1" style="height:300px;">
	                    <div id="radio">
    	                    <asp:RadioButton ID="rdoDateSeason1" runat="server" GroupName="dateSeason" Text="月份"  Checked="true" />
	                        <asp:RadioButton ID="rdoDateSeason2" runat="server" GroupName="dateSeason" Text="季"     />	                    
	                    </div>
	                    <div id="month" >
	                        <uc1:complexListBox ID="CLB_YYYYMM1" runat="server" Caption="開始月份" SetSelectionMode="Single" ShowCheckBox="false" />
                            <uc1:complexListBox ID="CLB_YYYYMM2" runat="server" Caption="結束月份" SetSelectionMode="Single" ShowCheckBox="false" />       	    
	                    </div>
	                    <div id="season" style="display:none;">
	                        <uc1:ucSeason ID="CLB_Season1" runat="server" Caption="開始季" />
                            <uc1:ucSeason ID="CLB_Season2" runat="server" Caption="結束季" />
	                    </div>                        
	                </div>
	                <div id="tabs-3">
	                    <uc1:complexlistbox ID="CLB_Cur" runat="server" Caption="幣別" 
                            SetSelectionMode="Single" />
                        <uc1:complexlistbox ID="CLB_會計科目" runat="server"  Caption="會計科目" SetSelectionMode="Multiple" 
                                ShoudGroupBy ="false" />
                        <uc2:optGOVAccount ID="chk_公庫" runat="server" />        
                        <div class="complexListBox">
                            <fieldset>
                                <legend><asp:Label ID="Label1" Text="金額大於多少億" runat="server"></asp:Label></legend>
                                <asp:TextBox ID="txtThanMoney" runat="server" ToolTip="預設為1億"></asp:TextBox>
                            </fieldset>                           
                        </div>
                        <uc1:ddlgvpagesizeselect ID="ddlGVPageSizeSelect1" runat="server" />
	                </div>
                </div>
            </div><!-- End demo -->   
        </div>
    </form>
</body>
</html>